<template>
  <v-ons-page>
    <v-ons-toolbar>
      <div class="left">
        <v-ons-back-button>返回</v-ons-back-button>
      </div>
      <div class="center">提现到余额</div>
    </v-ons-toolbar>
    <div class="container">
      <div class="main-group">
        <h3>提现金额： </h3>
        <div class="input-group">
          <img src="../../assets/resource/consumer/recharge/icon.png" alt="">
          <input v-model="price" type="text" placeholder="输入需要提现的金额">
        </div>
      </div>
      <p class="tip-text">此次充值金额：{{price == '' ? 0 : price}} 元 ，最多可提现 9962.07 元</p>
      <button class="btn">确认提现</button>
    </div>
  </v-ons-page>
</template>

<script>
  export default {
    data() {
      return {
        price: '',
      }
    }
  }
</script>

<style scoped lang="less">
  @import "../../assets/less/consumer/withdraw-cash-to-balance.less";
</style>
